<template>
   <div class="header"
   :style="{'background-color': _type != -1 ? '#e93323':'#666666'}"
   >
       <div class="cart">
           <div class="cart_img" v-if="message.status_pic">
               <img :src="message.status_pic" alt="">
           </div>
           <div class="cart_dd">
               <p>
                   {{ _msg}}
               </p>
               <div class="time">
                   {{message.add_time_y}}
                   <span>{{message.add_time_h}}</span>
               </div>
           </div>
       </div>
       
   </div>
</template>

<script>
export default {
    props:{
        message:{
            type:Object
        },
        _msg:{
            type:String
        },
        _type:{
            type:Number
        }
    }
}
</script>

<style lang="scss" scoped>
.cart{
    height: 75px;
    display: flex;
    padding:0 15px;
    align-items: center;
    // background-color: #e93323;
    
    .cart_img{
        width: 55px;
        height: 55px;
        margin-right: 12px;
        >img{
            width: 100%;
            height: 100%;
        }

    }

    .cart_dd{
        // margin-left: 12px;
        color: #fff;
        p{
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 3px;
        }
        .time{
            font-size: 12px;
            color: #ffffffcc;
        }
    }
}


</style>



